<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>会员列表</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="{{asset('/layuiadmin/layui/css/layui.css')}}" media="all">
  <link rel="stylesheet" href="{{asset('/layuiadmin/style/admin.css')}}" media="all">
  <style>
    .edit{background-color: #ed9c3a;}
    .shenhe{background-color: #429488;}    
    .see{background-color: #7cb717;} 
    .tongbu{background-color: #4c9ef8;color:#fff;}
    .cur{color:#009688;}
    .yname{
          font-size: 13px;
          color: #444;
        }
  </style>
</head>
<body>

  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md12">

        <div class="layui-fluid">
          <div class="layui-row layui-col-space15">
            <div class="layui-col-md12"style="margin-top:30px">
              <div class="layui-card"> 
                <div class="layui-card-header">会员列表</div>

                <div class="layui-card-body">
                  <div class="layui-btn-container" style="font-size:14px;"> 
                  
                                    
                  
                    <!-- 缴费时间 -->
                    <div class="layui-form" style="width:100%;display:flex;">                      
                          <!-- 选择业务员 -->
                      <div class="layui-form" lay-filter="component-form-group" style="width:190px;margin-right:10px;display: inline-block;">
                      <div class="layui-form-item">                          
                        <div class="layui-input-block" style="margin-left:0">
                            <text class="yname">请选择门店</text>
                            <select name="agent" id="agent" lay-filter="agent" lay-search>
                                
                            </select>
                        </div>
                      </div>

                    </div>  
                      
                      <div class="layui-form-item">                          
                        <div class="layui-inline"style="margin-right:0">                          
                          <div class="layui-input-inline">
                          <text class="yname">订单开始时间</text>
                            <input type="text" class="layui-input start-item test-item" placeholder="开始时间" lay-key="23">
                          </div>
                        </div>
                        <div class="layui-inline"style="margin-right:0">
                          <div class="layui-input-inline">
                          <text class="yname">订单结束时间</text>
                            <input type="text" class="layui-input end-item test-item" placeholder="结束时间" lay-key="24">
                          </div>
                        </div>
                        <div class="layui-inline">
                          <div class="layui-input-inline">
                          <text class="yname">请输入会员</text>
                            <input type="text" name="tradeno" placeholder="请输入会员卡号/姓名/手机号" autocomplete="off" class="layui-input dingdan">
                          </div>
                        </div>   
                        <div class="layui-inline">
                          <button class="layui-btn layuiadmin-btn-list" lay-submit="" lay-filter="LAY-app-contlist-search" style="border-radius:5px;margin-bottom: -1.2rem;height:36px;line-height: 36px;">
                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                          </button>
                        </div>
                      </div>
                    </div>                    
                  </div>
                  
                  <table class="layui-hide" id="test-table-page" lay-filter="test-table-page"></table>
                  <!-- 判断状态 -->
                  <script type="text/html" id="statusTap">
                    @{{#  if(d.mb_status == 1){ }}
                      激活
                    @{{#  } else if(d.mb_status == 2){ }}
                      未激活
                    @{{#  } else { }}
                      关闭
                    @{{#  } }}
                  </script>
                  <!-- 判断状态 -->
                  <script type="text/html" id="paymoney">
                    @{{ d.rate }}%
                  </script>
                  {{--<script type="text/html" id="table-content-list" class="layui-btn-small">--}}
                    {{--<a class="layui-btn layui-btn-normal layui-btn-xs tongbu" lay-event="tongbu">同步状态</a>--}}
                  {{--</script>--}}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
  <input type="hidden" class="store_id">
  <input type="hidden" class="sort">
  <input type="hidden" class="stu_class_no">

  <input type="hidden" class="stu_order_batch_no">
  <input type="hidden" class="user_id">

  <input type="hidden" class="pay_status">
  <input type="hidden" class="pay_type">

  <script src="{{asset('/layuiadmin/layui/layui.js')}}"></script> 
  <script src="{{asset('/layuiadmin/layui/jquery-2.1.4.js')}}"></script>
    <script>
    var token = localStorage.getItem("Publictoken");
    var str=location.search;
    var store_id=str.split('?')[1];

    
    layui.config({
      base: '../../layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index','form','table','laydate'], function(){
        var $ = layui.$
            ,admin = layui.admin
            ,form = layui.form
            ,table = layui.table
            ,laydate = layui.laydate;
        // 未登录,跳转登录页面
        $(document).ready(function(){
          if(token==null){
              window.location.href="{{url('/mb/login')}}"; 
          }

          // 选择门店
          $.ajax({
              url : "{{url('/api/merchant/store_lists')}}",
              data : {
                  token:token
                  ,l:100
              },
              type : 'post',
              success : function(data) {
//                  console.log(data);
                  $('.store_id').val(data.data[0].store_id);
                  var optionStr = "";
                  for(var i=0;i<data.data.length;i++){
                      optionStr += "<option value='" + data.data[i].store_id + "'>" + data.data[i].store_name + "</option>";
                      // optionStr += "<option value='" + data.data[i].store_id + "' "+((store_id==data.data[i].store_id)?"selected":"")+">" + data.data[i].store_name + "</option>";
                  }
                  // 渲染表格
                  table.render({
                      elem: '#test-table-page'
                      ,url: "{{url('/api/member/mb_lists')}}"
                      ,method: 'post'
                      ,where:{
                          token:token,
                          store_id:data.data[0].store_id
                      }
                      ,request:{
                          pageName: 'p',
                          limitName: 'l'
                      }
                      ,page: true
                      ,cellMinWidth: 150
                      ,cols: [[
                          {align:'center',field:'mb_id', title: '会员卡号',width:230}
                          ,{align:'center',field:'mb_nick_name', title: '会员昵称'}
                          ,{align:'center',field:'mb_name', title: '会员名称'}
                          ,{align:'center',field:'mb_phone',  title: '手机号'}
                          ,{align:'center',field:'pay_counts',  title: '总消费次数',width:100}
                          ,{align:'center',field:'mb_money',  title: '会员余额'}
                          ,{align:'center',field:'mb_jf',  title: '积分',width:100}
                          ,{align:'center',field:'mb_ver',  title: '会员等级',width:90}
                          ,{align:'center',field:'mb_status', title: '会员状态',templet:'#statusTap',width:100}
                          ,{align:'center',field:'mb_time',  title: '激活时间'}
                          // ,{width:100,align:'center', fixed: 'right', toolbar: '#table-content-list',title: '操作'}
                      ]]
                      ,response: {
                          statusName: 'status' //数据状态的字段名称，默认：code
                          ,statusCode: 1 //成功的状态码，默认：0
                          ,msgName: 'message' //状态信息的字段名称，默认：msg
                          ,countName: 't' //数据总数的字段名称，默认：count
                          ,dataName: 'data' //数据列表的字段名称，默认：data
                      }
                      ,done: function(res, curr, count){
                          console.log(res);
                          $('th').css({'font-weight': 'bold', 'font-size': '15','color': 'black','background':'linear-gradient(#f2f2f2,#cfcfcf)'});	//进行表头样式设置
                      }
                  });
                  $("#agent").append(optionStr);
                  layui.form.render('select');
              },
              error : function(data) {
                  alert('查找板块报错');
              }
          });
        });

      

        table.on('tool(test-table-page)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
          var e = obj.data; //获得当前行数据
          var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
          var tr = obj.tr; //获得当前行 tr 的DOM对象
//          console.log(e);
          // localStorage.setItem('s_store_id', e.store_id);

          {{--if(layEvent === 'tongbu'){ //审核--}}
            {{--$.post("{{url('/api/basequery/update_order')}}",--}}
            {{--{--}}
                {{--token:token,--}}
                {{--store_id:e.store_id,--}}
                {{--out_trade_no:e.out_trade_no--}}
            {{--},function(res){--}}
                {{--console.log(res);--}}
                {{--if(res.status==1){--}}
                    {{--layer.msg(res.message, {--}}
                        {{--offset: '50px'--}}
                        {{--,icon: 1--}}
                        {{--,time: 2000--}}
                    {{--});--}}
                {{--}else{--}}
                    {{--layer.msg(res.message, {--}}
                        {{--offset: '50px'--}}
                        {{--,icon: 2--}}
                        {{--,time: 2000--}}
                    {{--});--}}
                {{--}--}}
            {{--},"json");--}}
          {{--}--}}

          var data = obj.data;
          if(obj.event === 'setSign'){
            layer.open({
              type: 2,
              title: '模板详细',
              shade: false,
              maxmin: true,
              area: ['60%', '70%'],
              content: "{{url('/merchantpc/paydetail?')}}"+e.stu_order_type_no
            });
          }
        });

        // 选择门店
        form.on('select(agent)', function(data){
          var store_id = data.value;
          $('.store_id').val(store_id);
          //执行重载
          table.reload('test-table-page', {
            where: {
              store_id: $(".store_id").val()
            }
          });
        });

        laydate.render({
          elem: '.start-item'
          ,type: 'datetime'
          ,done: function(value){
            //执行重载
            table.reload('test-table-page', {
              where: {
                time_start:value,
                time_end:$('.end-item').val()
              }
            });
          }
        });

        laydate.render({
          elem: '.end-item'
          ,type: 'datetime'
          ,done: function(value){
            //执行重载
            table.reload('test-table-page', {
              where: {
                time_start:$('.start-item').val(),
                time_end:value
              }
            });
          }
        });

        form.on('submit(LAY-app-contlist-search)', function(data){
          var mb_id = data.field.tradeno;
//          console.log(data);
          //执行重载
          table.reload('test-table-page', {
            where: {
              mb_id:mb_id,
            }
          });
        });

        // 导出
        {{--function exportdata(){--}}
          {{--var store_id=$('.store_id').val();--}}
          {{--var merchant_id=$('.user_id').val();--}}
          {{--var sort=$('.sort').val();          --}}
          {{--var pay_status=$('.pay_status').val();--}}
          {{--var ways_source=$('.pay_type').val();--}}

          {{--var time_start=$('.start-item').val();--}}
          {{--var time_end=$('.end-item').val();--}}
          {{----}}
          {{--var out_trade_no=$('.danhao').val();--}}
          {{--var trade_no=$('.tiaoma').val();--}}

          {{--window.location.href="{{url('/api/export/MerchantOrderExcelDown')}}"+"?token="+token+"&store_id="+store_id+"&merchant_id="+merchant_id+"&sort="+sort+"&pay_status="+pay_status+"&ways_source="+ways_source+"&time_start="+time_start+"&time_end="+time_end+"&out_trade_no="+out_trade_no+"&trade_no="+trade_no;     --}}

        {{--}--}}

        {{--$('.export').click(function(){--}}
          {{--var store_id=$('.store_id').val();--}}
          {{--var merchant_id=$('.user_id').val();--}}
          {{--var sort=$('.sort').val();          --}}
          {{--var pay_status=$('.pay_status').val();--}}
          {{--var ways_source=$('.pay_type').val();--}}

          {{--var time_start=$('.start-item').val();--}}
          {{--var time_end=$('.end-item').val();--}}
          {{----}}
          {{--var out_trade_no=$('.danhao').val();--}}
          {{--var trade_no=$('.tiaoma').val();--}}

          {{--window.location.href="{{url('/api/export/MerchantOrderExcelDown')}}"+"?token="+token+"&store_id="+store_id+"&merchant_id="+merchant_id+"&sort="+sort+"&pay_status="+pay_status+"&ways_source="+ways_source+"&time_start="+time_start+"&time_end="+time_end+"&out_trade_no="+out_trade_no+"&trade_no="+trade_no;     --}}
        {{--})--}}

    });

  </script>

</body>
</html>







